<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.9/theme-chalk/index.css">
    <style>
        *{
            background-color: black;
            color: white;
            text-align: center;
        }
        .el-header a{
              text-decoration: none;
          }
        #d1{
            background-image: url("imgs/img.jpg");
            background-size: 1200px;
            background-repeat: no-repeat;
        }
    </style>
</head>
<body>
<div id="app">
    <el-container>
        <el-header height="150px">
            <div style="width: 1200px;margin: 0 auto">
                <a href="">积分商城</a>
                <div style="position: relative">
                    <div class="logo" style="float: left">
                        <img src="imgs/logo.jpg" alt="">
                    </div>
                    <div>
                        <i class="el-icon-search"></i>
                        <i class="el-icon-s-fold"></i>
                    </div>
                </div>
            </div>

        </el-header>
        <el-main>
            <div id="d1" style="width: 1200px;height: 600px">
                <h3>游戏鼠标</h3>
                <h2>为电竞而生</h2>

            </div>
        </el-main>
        <el-footer>Footer</el-footer>
    </el-container>

</div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
<!-- import Vue before Element -->
<script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
<!-- import JavaScript -->
<script src="https://cdn.staticfile.org/element-ui/2.15.9/index.min.js"></script>
<script>
    let v = new Vue({
        el: '#app',
        data: function () {
            return {}
        },
        methods: {}
    })
</script>
</html>